// 把其它平台元素跟nvue元素设置一样的特性
/* #ifndef APP-PLUS-NVUE */
view,input,image,scroll-view,swiper,swiper-item,text,textarea,video,navigator{
	position: relative;
	box-sizing: border-box;
}
image{
	display: inline-block;
}
/* #endif */
.flex{
	/* #ifndef APP-PLUS-NVUE */
	display:flex;
	/* #endif */
}
.flex-l{flex-direction:row;}
.flex-v{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.flex-row-wrap{flex-flow:row wrap;}
.flex-1{flex:1;}
.flex-align-center{align-items:center;}
.flex-pack-center{justify-content:center;}
.flex-pack-justify{justify-content:space-between;}
.flex-pack-around{justify-content:space-around;}
.text-center{text-align: center;}

.tpf-container{
	background-color: #f8f8f8;
	font-size: 28rpx;
	color: #333333;
	flex-direction: column;
	align-items: center;
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
}

.tpf-page {
	 @extend .tpf-container;
    /* #ifndef APP-NVUE */
	min-height:calc(100vh - var(--window-bottom) - var(--window-top));
    /* #endif */
}

.tpf-fixed-page {
    @extend .tpf-container;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tpf-abs-page{
	@extend .tpf-container;
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}